<template>
  <div 
    class="slidev-layout default"
    :style="$slidev.nav.currentPage === 1 ? { backgroundImage: `url(${$slidev.configs.background})` } : {}"
  >
    <div class="my-auto">
      <slot />
    </div>
    <NavButton />
  </div>
</template>

<style>
.slidev-layout.default {
  @apply px-14 py-10 h-full;
  background-size: cover;
  background-position: center;
}
</style> 